<template>
  <div class="para" v-if="Object.keys(goods).length !== 0">
    <!-- <div v-for="(item,index) in goods.itemParams.info.set" :key="index">
      <span></span>
    </div> -->
    <div class="parameter">{{ goods.itemParams.info.key }}</div>
    <div class="table">
      <div
        v-for="(item, index) in goods.itemParams.info.set"
        :key="index"
        class="line"
      >
        <span class="lkey">{{ item.key }}</span>
        <span class="rvalue">{{ item.value }}</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Detailpar",

  data() {
    return {};
  },
  props: {
    goods: {},
  },
  mounted() {},

  methods: {
  },
};
</script>

<style lang="css" scoped>
.parameter {
  font-weight: bold;
  font-size: 20px;
  margin-top: 30px;
  margin-left: 15px;
}

.table {
  margin-top: 25px;
}
.line {
  border-bottom: 1px solid black;
  width: 100%;
  height: 50px;
  display: table;
}
.lkey,
.rvalue {
  display: table-cell;
  width: 50%;
  height: 50px;
}
.lkey {
  color: rgb(241, 23, 59);
  padding-left: 50px;
  padding-top: 15px;
}
.rvalue {
  /* float: right; */
  left: 190px;
  top: 10px;
}
</style>